<template>
    <div class="footer">
        <div class="container">
            <div class="row" style="display: flex;align-items: center;">
                <div class="row" style="display: flex;align-items: center;margin-right: 40px;">
                    <div class="logo" style="margin-right: 25px;">
                        <img :src="cdns.logo" />
                    </div>
                    <div>
                        <p class="p_title">{{ cdns.cct_title }}</p>
                        <p><img class="icon" :src="cdns.footer_tel" />{{ cdns.cct_sub_title }}</p>
                        <p class="mt-15 align-center"><img class="icon" :src="cdns.footer_tel" />{{ cdns.cct_phone }}
                        </p>
                        <p class="align-center"><img class="icon" :src="cdns.footer_email" />{{ cdns.cct_email }}</p>
                    </div>
                </div>
                <div class="flex">
                    <img class="qr-code" :src="cdns.footer_qr_code" />
                    <div>
                        <p class="p_title">{{ cdns.cct1_title }}</p>
                        <p>{{ cdns.cct1_sub_title }}</p>
                        <p class="mt-15 align-center"><img class="icon" :src="cdns.footer_tel" />{{ cdns.cct1_phone }}
                        </p>
                        <p class="align-center"><img class="icon" :src="cdns.footer_email" />{{ cdns.cct1_email }}</p>
                    </div>
                </div>
            </div>
            <p class="p_title p_footer flex-center">
                <span>{{ cdns.reserved }}</span>
                <span class="record align-center" @click="toRecord"><img class="icon" :src="cdns.footer_police" />{{
                        cdns.record
                }}</span>
            </p>
        </div>
    </div>
</template>

<script>
export default {
    inject: ['cdns'],
    data() {
        return {

        }
    },
    methods: {
        toRecord() {
            window.open(window.cdns.record_url)
        }
    }
}
</script>
